home *** CD-ROM | disk | FTP | other *** search
/ Computer Shopper 233 / Computer Shopper 233 / ComputerShopperDVD233.iso / Toolkit / System / Handy Backup / hb.exe / backup.chm / css / main.css next >
Encoding:
Cascading Style Sheet File  |  2007-02-16  |  10.4 KB  |  387 lines
  1. body,.normal, td, p{
  2.     color: #333333;
  3.     border: 0px;
  4.     font-size: 12px;
  5.     font-family: Verdana, Arial, Tahoma;
  6.     text-decoration: none;
  7.     line-height : 150%;
  8. } 
  9. body {
  10.     background-color:#FFFFFF;
  11. }
  12.  
  13. img {border:0;}
  14.  
  15. .block{
  16.     padding: 0px 30px 0px 5px;
  17.     text-align:justify;
  18. }
  19. table, td, tr {
  20.     border-collapse: collapse;
  21.     border-spacing: 0px;
  22.     border : 0px;
  23.     padding: 0px;
  24.     margin: 0px;
  25. }
  26.  
  27.  
  28. #main_table {
  29.     width:100%;
  30.     height:100%;
  31.     vertical-align:top;
  32.     text-align:left;
  33. }
  34.  
  35. #copyright_cell {
  36.     background-image:url('images/bottom_bg.gif'); 
  37.     background-repeat: no-repeat; 
  38.     background-position: left bottom;
  39.     width:100%;
  40.     padding:0;
  41.     margin:0;
  42. }
  43. #head1{
  44.     background-image:url('images/head1.gif'); 
  45.     background-repeat: no-repeat; 
  46.     background-position: top left;
  47. }
  48.  
  49. #cnn_img{
  50.     margin: 22px 0px 0px 0px;
  51. }
  52. #pedestal {
  53.     background-image:url('images/box_bg.gif'); 
  54.     background-repeat: no-repeat; 
  55.     background-position: left top; 
  56.     vertical-align:top;
  57.     width:186px;
  58.     height:202px;
  59. }
  60.  
  61. #corridor {
  62.     background: url('/images/nav_bg.gif'); 
  63.     background-repeat: no-repeat; 
  64.     padding: 10px 0px 10px 20px;
  65. }
  66.  
  67. #l_cs_tbl{
  68.     width:179; 
  69.     background-color:#EEEEEE; 
  70.     margin-left:7px;
  71. }
  72.  
  73. #l_cs_tbl tr{
  74.     vertical-align:top;
  75. }
  76. .l_cs_num {
  77.     padding-left:8px; font-size:10px;
  78. }
  79.  
  80. .l_cs {
  81.     padding-bottom:8px; font-size:10px;
  82. }
  83. .l_cs a.smallblue:link{
  84.     text-transform:capitalize;
  85. }
  86. .l_cs  a.smallblue:visited
  87. {
  88.     text-transform:capitalize;
  89. }
  90. .l_cs  a.smallblue:active
  91. {
  92.     text-transform:capitalize;
  93. }
  94. .l_cs  a.smallblue:hover
  95. {
  96.     text-transform:capitalize;
  97. }
  98.  
  99.  
  100. .top_features {
  101.     vertical-align:middle;
  102. }
  103. .top_features img{
  104.     margin:0px 4px 0px 0px;
  105.     padding:0px;
  106.     float:left;
  107. }
  108.  
  109.  
  110. #box {
  111.     position:absolute;
  112.     top:70px;
  113.     left:164px;
  114.     border-width:0;
  115.     width: 100px;
  116.     height: 100px;
  117.     padding: 0px 0px 0px 47px;
  118. }
  119. head{
  120.     font-weight: bold;
  121.     border: 0px;
  122.     font-size: 20px;
  123.     letter-spacing: -1px;
  124. }
  125. h1 {
  126.     color:#333333;
  127.     font-weight: bold;
  128.     border: 0px;
  129.     font-size: 19px;
  130. }
  131. h2 {
  132.     color:#333333;
  133.     font-weight: bold;
  134.     border: 0px;
  135.     font-size: 16px;
  136. }
  137.  
  138. h3 {
  139.     color:#333333;
  140.     font-weight: bold;
  141.     border: 0px;
  142.     font-size: 14px;
  143. }
  144. h4 {
  145.     color:#333333;
  146.     font-weight: bold;
  147.     border: 0px;
  148.     font-size: 13px;
  149. }
  150. .headsmall{ color: black; border: 0px; font-size: 14px; font-family: Verdana, Arial, Tahoma; padding: 0px 0px 25px 0px; font-weight: bold;}
  151. .headnews{ color: black; border: 0px; font-size: 11px; font-family: Verdana, Arial, Tahoma; padding: 2px 0px 2px 0px; font-weight: bold;}
  152. .date{font-size: 9pt; color: #666;} 
  153.  
  154. .lead{
  155.     color: #2C70A2;
  156.     border: 0px;
  157.     font-size: 16px;
  158.     font-family: Verdana, Arial, Tahoma;
  159.     letter-spacing: 1px;
  160.     padding: 25px 0px 5px -5px;
  161.     font-weight: bold;
  162. }
  163. .prelead{ color: white; border: 0px; font-size: 12px; font-family: Verdana, Arial, Tahoma;  font-weight: bold; margin-top: 10px}
  164. .small{ font-family: Verdana;font-size: 10px; color: black;} 
  165. .small2{ font-family: Verdana, Arial, Tahoma; font-size: 11px; color: black;text-decoration: none; line-height:130%; margin-left:20px;} 
  166. .copyright { font-size: 11px; color: #959595; text-decoration: none;}
  167. .copyright a, a:hover, a:visited, a:active {text-decoration:underline; color: #959595;}
  168. .date{ font-family: Tahoma;font-size: 7pt; color: black;} 
  169.  
  170. a, a:active,a:visited{border: 0px; text-decoration: underline; color:#333333;} 
  171. a:hover{ text-decoration: none; color:blue;} 
  172. a.small, a.small:active, a.small:visited, a.menu, a.menu:active, a.menu:visited{ font-size: 11px; text-decoration: none; color: darkblue;} 
  173. a.small:hover{text-decoration: underline; color: #221;}
  174. .special{font-weight: bold; font-size:17px;}
  175.  
  176. #simple{border: 0px; text-decoration: none; color:black;} 
  177.  
  178. ul{
  179.     margin: 0px 0px 5px 10px;
  180.     list-style-position: inside;
  181. } 
  182. td.news{ padding: 15px 15px 0px 0px;}
  183. td.footer{ padding: 7px 25px 7px 25px; border-top: gray 1px solid; background: #eeeef0; text-align: center;}
  184.  
  185.  
  186. a.menu, a.menu:active, a.menu:visited{
  187.     color: #5992C5;
  188.     border: 0px;
  189.     font-size: 11px;
  190.     font-weight: bold;
  191.     text-decoration: none;
  192. }
  193.  
  194. a.menu:hover{
  195.     color: orange;
  196.     text-decoration: underline;    
  197. }
  198.  
  199. table.features td{
  200.     font-size: 10px;
  201.     margin: 5px 0px 3px 15px;
  202. }
  203.  
  204. a.smallblue, a.smallblue:active, a.smallblue:visited{
  205.    font-size: 10px;
  206.    color: #2C7FB0;
  207.    font-weight: bold;
  208.    text-decoration: none;
  209.    line-height: 120%;
  210.    text-transform:uppercase;
  211. }
  212.  
  213. a.smallblue:hover{
  214.    text-decoration: underline;
  215.    color: orange;
  216. }
  217.  
  218. a.smallorange, a.smallorange:active, a.smallorange:visited{
  219.    font-size: 10px;
  220.    color: orange;
  221.    font-weight: bold;
  222.    text-decoration: none;
  223.    line-height: 120%;
  224.    text-transform:uppercase;
  225. }
  226.  
  227. a.smallorange:hover{
  228.    text-decoration: underline;
  229.    color: #2C7FB0;
  230. }
  231. hr {width:1px; color: #000000;}
  232.  
  233. .ordtab{
  234.    background:url('images/tab.gif') no-repeat right top;
  235.    padding-right:15px;
  236.    text-align:right; 
  237.    font-weight:bold; 
  238.    cursor:default;
  239.    height:46px;
  240. }
  241. .plugtab{
  242.    background:url('images/tab-plugins.gif') no-repeat right top;
  243.    padding-right:15px;
  244.    text-align:right; 
  245.    font-weight:bold; 
  246.    cursor:default;
  247.    height:28px;
  248. }
  249. .pluginscategory
  250. {
  251. display:none;
  252. }
  253. .speclist{
  254. margin:0px;
  255. padding:0px;
  256. list-style:outside;
  257. }
  258. .speclist li{
  259. margin:0px;
  260. }
  261. .crosslink{
  262. cursor:hand;
  263. cursor:pointer;
  264. }
  265. .ordertable {
  266. padding-left:20px;
  267. background: #e3eefe url('images/orderbg.png') repeat-x; width:100%;
  268. }
  269. .ordertable h3{line-height:100%; padding:5px 0px 5px 0px; margin:0px;}
  270.  
  271. .nounderline:link, .nounderline:link, .nounderline:visited, .nounderline:active {text-decoration:none;}
  272. .nounderline:hover{text-decoration:underline; color:#000000;}
  273. .pluginsspecials:link, .pluginsspecials:link, .pluginsspecials:visited, .pluginsspecials:active {color:#d70000; text-decoration:none;}
  274. .pluginsspecials:hover{text-decoration:underline; color:#d70000;}
  275.  
  276.   /* set the image to use and establish the lower-right position */ 
  277.   .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{ 
  278.   background: transparent url(img.php.png) no-repeat bottom right} 
  279.   .cssbox{ 
  280.   /* intended total box width - padding-right(next) */ 
  281.   width:128px !important; 
  282.   /* IE Win = width - padding */ 
  283.   width: 121px; 
  284.   /* the gap on the right edge of the image (not content padding) */ 
  285.   padding-right:7px; 
  286.   /* use to position the box */ 
  287.   margin:0px auto 10px auto
  288.   } /* set the top-right image */ 
  289.   .cssbox_head{background-position:top right; /* pull the right image over on top of border */ 
  290.   margin-right:-7px; 
  291.   /* right-image-gap + right-inside padding */ 
  292.   padding-right:3px;
  293.   text-align:center;} 
  294.   /* set the top-left image */ 
  295.   .cssbox_head h2{ 
  296.   color: #d70000;
  297.   font-family: tahoma;
  298.   font-size:13pt;
  299.   font-weight:normal;
  300.   background-position:top left; 
  301.   margin:0; 
  302.   /* reset main site styles*/ 
  303.   border:0; /* ditto */ 
  304.   /* padding-left = image gap + interior padding ... no padding-right */ 
  305.   padding:5px 0 1px 7px; 
  306.   height:auto !important; 
  307.   height:1%} 
  308.   /* IE Holly Hack */ /* set the lower-left corner image */ 
  309.   .cssbox_body{ 
  310.   background-position:bottom left; 
  311.   margin-right:0px; 
  312.   /* interior-padding right */ 
  313.   padding:5px 0 7px 7px;
  314.   line-height:120%;
  315.   font-size:11px;
  316.   vertical-align:top;
  317.   } /* mirror .cssbox_head right/left */
  318.  
  319.   /* set the image to use and establish the lower-right position */ 
  320.   .cssbox2, .cssbox2_body, .cssbox2_head, .cssbox2_head h2{ 
  321.   background: transparent url(img.php.png) no-repeat bottom right} 
  322.   .cssbox2{ 
  323.   /* intended total box width - padding-right(next) */ 
  324.   width:228px !important; 
  325.   /* IE Win = width - padding */ 
  326.   width: 221px; 
  327.   /* the gap on the right edge of the image (not content padding) */ 
  328.   padding-right:7px; 
  329.   /* use to position the box */ 
  330.   margin:0px auto 10px auto
  331.   } /* set the top-right image */ 
  332.   .cssbox2_head{background-position:top right; /* pull the right image over on top of border */ 
  333.   margin-right:-7px; 
  334.   /* right-image-gap + right-inside padding */ 
  335.   padding-right:3px;
  336.   text-align:center;} 
  337.   /* set the top-left image */ 
  338.   .cssbox2_head h2{ 
  339.   color: #d70000;
  340.   font-family: tahoma;
  341.   font-size:13pt;
  342.   font-weight:normal;
  343.   background-position:top left; 
  344.   margin:0; 
  345.   /* reset main site styles*/ 
  346.   border:0; /* ditto */ 
  347.   /* padding-left = image gap + interior padding ... no padding-right */ 
  348.   padding:5px 0 1px 7px; 
  349.   height:auto !important; 
  350.   height:1%} 
  351.   /* IE Holly Hack */ /* set the lower-left corner image */ 
  352.   .cssbox2_body{ 
  353.   background-position:bottom left; 
  354.   margin-right:0px; 
  355.   /* interior-padding right */ 
  356.   padding:5px 0 7px 7px;
  357.   line-height:120%;
  358.   font-size:11px;
  359.   vertical-align:top;
  360.   } /* mirror .cssbox_head right/left */
  361.  
  362. .overbuy {border:solid 1px #cccccc; padding:5px 5px 3px 5px;}
  363. .nooverbuy {border:solid 1px #ffffff; padding:5px 5px 3px 5px;}
  364. .btext {font-weight:bold;}
  365.  
  366. .helpcontents ol {padding-left:0px; margin-left:0px;}
  367. .helpcontents ol li{font-weight:bold; font-size:14px; list-style-type:none; font-family:arial; list-style-position:inside;}
  368. .helpcontents ol li ol{padding-left:15px; margin-left:15px;}
  369. .helpcontents ol li a:link{text-decoration:none; color:#000000;}
  370. .helpcontents ol li a:hover{text-decoration:underline; color:#000000;}
  371. .helpcontents ol li a:active{text-decoration:none; color:#000000;}
  372. .helpcontents ol li a:visited{text-decoration:none; color:#000000;}
  373. .helpcontents ol li ol li{font-style:normal; font-weight:normal; font-size:14px; text-transform:none;}
  374. .helpcontents ol li ol li ol li{font-style:normal; font-weight:normal; font-size:14px; text-transform:none;}
  375. .helpcontents ol li ol li .helpsmall {padding-left:30px; margin-left:30px;}
  376. .helpcontents ol li ol li .helpsmall li{font-style:normal; font-weight:normal; font-size:12px; text-transform:none;}
  377. .helpcontents ol li ol li ol .ital {font-style:italic;}
  378. .helpcontents ol li ol li ol li ol li{font-style:normal; font-weight:normal; font-size:12px; text-transform:none;}
  379.  
  380.  
  381. #en_lang { background: url('/images/en_small.gif') no-repeat 5px 3px; padding-left:30px; }
  382. #de_lang { background: url('/images/de_small.gif') no-repeat 5px 3px; padding-left:30px; }
  383. #fr_lang { background: url('/images/fr_small.gif') no-repeat 5px 3px; padding-left:30px; }
  384. #kr_lang { background: url('/images/kr_small.gif') no-repeat 5px 3px; padding-left:30px; }
  385. #ru_lang { background: url('/images/ru_small.gif') no-repeat 5px 3px; padding-left:30px; border-bottom:solid 1px #aaa; }
  386.  
  387.